<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/mycountry.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="weixin/css/bannerQr.css"/>
    <style>
        html,body{
            max-width:540px;
            min-height: 320px;
            margin:0 auto;
            height:100%;
            overflow:auto;
            background: #ececec;
        }
        #seenews{
            position:fixed;
            top:0;
            bottom:0;
            left:0;
            right:0;
            z-index: 1000;
            height:100%;
            width: 100%;
            box-sizing: border-box;
        }
        #seenewsheader,#sharegoback{
            position: absolute;
            top:0;
            height:44px;
            width:100%;
            box-sizing: border-box;
            background: #b92b27;
        }
        #iframebox{
            position: absolute;
            /*top:44px;*/
            top:100px;
            bottom:0;
            left:0;
            right:0;
            overflow:auto;
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }
        iframe{
            width:100%;
            height:100%;
            /*height:auto;*/
            box-sizing: border-box;
            overflow: auto;
        }
        #seenewsheader .lf{
            width:44px;
            height:44px;
            box-sizing: border-box;
            padding:0;
            margin:0;
            padding-left:15px;
        }
        #seenewsheader .rt{
            background:url("img/wsharelogo.png") no-repeat center;
            background-size: 20px 20px;
            width:44px;
            height:44px;
        }
        .mweb_modal_back_button:after{
            left:18px;
        }
        #shareword{
            padding-top:0;
        }

        #sharegoback{
            margin:0;
        }
        /*分享等待*/
        #sharewaiting{
            position:fixed;
            z-index: 2000;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background: rgba(0,0,0,0.75);
        }
        #sharewaiting>div{
            width:80px;
            height:80px;
            background: rgba(53,53,53,0.5);
            margin:45% auto;
            line-height: 80px;
            text-align: center;
        }
        #sharewaiting>div>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        /**/
        #sharenewsheader{
            height: 44px;
            width: 100%;
            box-sizing: border-box;
            background: #b92b27;
        }
        #sharegoback{
            width:44px;
        }
    </style>
    <style>
        #qrcode{
            top:0;
        }
    </style>
</head>
<body>
<!--新闻详情页-->
<div id="seenews" style="display:block;background:#fff;">
    <div id="seenewsheader" style="display:none">
        <div class="lf mweb_modal_back_button" id="iframegoback" style="padding-left:0;"></div>
        <div class="rt" id="iframesharebtn" style="display:block"></div>
    </div>
    <!--二维码 -->
    <div id="qrcode">
        <div class="swiper-container" id="swiper-container">
            <div class="swiper-wrapper">
                <!-- 转发者-->
                <div class="swiper-slide"  id="nav2">
                    <div class="lf">
                        <div class="userimg">
                            <img id="fromuserimg" src="img/af8.png" alt=""/>
                        </div>
                        <div id="fromusername"></div>
                    </div>
                    <div class="relalist">

                    </div>
                </div>
                <!--好友 -->
                <div class="swiper-slide" id="nav3">
                    <div class="lf">
                        <div class="userimg">
                            <img id="friuserimg" src="img/af8.png" alt=""/>
                        </div>
                        <div id="friusername"></div>
                    </div>
                    <div class="relalist">

                    </div>
                </div>
                <!-- -->
                <div class="swiper-slide" id="nav1">
                    <div class="lf">
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>关注二维码</div>
                        </div>
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>安卓下载二维码</div>
                        </div>
                        <div class="qrdiv">
                            <div class="userimg">
                                <img src="img/QRcode.jpg" alt=""/>
                            </div>
                            <div>IOS下载二维码</div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
    <div id="iframebox" style="overflow: auto">
        <iframe id="newsiframe" src="" frameborder="0" scrolling="yes" style="overflow: auto"></iframe>
    </div>
</div>
<!-- 转发评论输入框-->
<div id="shareword" class="callback" style="display:none;">
    <div id="sharenewsheader" >
        <div class="lf mweb_modal_back_button" id="sharegoback" style="padding-left:0;"></div>
    </div>
    <div>
        <div>
            <textarea style="overflow-y:auto;border:none; width:100%;box-sizing: border-box;height: 45px;" maxlength=100 id="commentinput" placeholder="这一刻的想法..." rows="4"></textarea>
        </div>
        <div id="sharetitleword">
            <div></div>
        </div>
        <div id="sendcommentbtn" class="rt">
            确定
        </div>
        <div id="cancelbtn">
            取消
        </div>

    </div>
</div>
<!--收藏中等待-->
<div id="sharewaiting" style="display:none;">
    <div>
        <img src="img/aoy.png"/>
    </div>
</div>
<!--js-->
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<!--<script src="js/tohref.js"></script>-->
<script src="ftnjs/urlnote.js"></script>
<script src="weixin/js/weixinsharenews.js"></script>
<script src="js/newsdetail.js"></script>
</body>
</html>